<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Test Chart</title>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script>
    var calendarList = [
            [ "5pfsfk1dd28tah0n25topqbckc@group.calendar.google.com", "$生活費",
                    "14", 1000 ],
            [ "bic287aafaaa9n3kvhpiltr2ms@group.calendar.google.com", "$交際費",
                    "15", 20000 ],
            [ "rdqm1lt1id4ea14flk3l05hcbs@group.calendar.google.com", "$食費",
                    "9", 6000 ],
            [ "41f0vsti5kvqq9b7f2s17vl9ok@group.calendar.google.com", "$その他",
                    "1", 4000 ],
            [ "he6rkmjgnu89dt6onvs6sdjatk@group.calendar.google.com", "$給料",
                    "16", 0 ],
            [ "qm2d9b8emipj34c4rfgsl4av0s@group.calendar.google.com", "$交通費",
                    "4", 3000 ],
            [ "m36vri51sbkmrl7a15s5oa4j8c@group.calendar.google.com", "$ケータイ代",
                    "18", 6000 ] ];
    var eventList = {
        "2012-12-01" : [ [ "2012-12-29", "$交際費", 3045, "お酒" ] ],
        "2013-01-01" : [ [ "2013-01-04", "$その他", 46515, "スーツ" ],
                [ "2013-01-04", "$その他", 1600, "お年賀" ],
                [ "2013-01-04", "$生活費", 4260, "ユニクロ" ],
                [ "2013-01-04", "$食費", 240, "アイス" ],
                [ "2013-01-04", "$食費", 1000, "中華屋さん" ],
                [ "2013-01-04", "$食費", 300, "ポップコーン" ],
                [ "2013-01-05", "$交通費", 2000, "チャージ" ],
                [ "2013-01-11", "$交通費", 1000, "チャージ" ],
                [ "2013-01-12", "$その他", 10867, "バレーシューズ" ],
                [ "2013-01-12", "$生活費", 198, "軍手\n" ],
                [ "2013-01-14", "$交通費", 1000, "チャージ" ],
                [ "2013-01-20", "$ケータイ代", 6547, "1月分" ],
                [ "2013-01-20", "$交際費", 2900, "一件目酒場" ],
                [ "2013-01-20", "$生活費", 500, "バレー会費" ],
                [ "2013-01-21", "$食費", 200, "ミスド" ],
                [ "2013-01-22", "$食費", 98, "お菓子" ],
                [ "2013-01-23", "$交際費", 1500, "缶\u0027s Bar" ],
                [ "2013-01-23", "$交際費", 1000, "スタジオ利用費" ],
                [ "2013-01-24", "$食費", 140, "お菓子" ],
                [ "2013-01-25", "$食費", 468, "ランチ" ],
                [ "2013-01-25", "$食費", 85, "お菓子" ],
                [ "2013-01-26", "$その他", 7350, "マフラー" ],
                [ "2013-01-26", "$食費", 7000, "焼肉" ],
                [ "2013-01-28", "$食費", 192, "あめ" ],
                [ "2013-01-28", "$食費", 99, "お菓子" ],
                [ "2013-01-30", "$食費", 500, "お菓子" ],
                [ "2013-01-31", "$交際費", 4000, "品川宴会" ] ],
        "2013-02-01" : [ [ "2013-02-01", "$交通費", 5000, "チャージ" ],
                [ "2013-02-01", "$食費", 100, "シュークリーム\n" ],
                [ "2013-02-01", "$食費", 1118, "パン" ],
                [ "2013-02-02", "$交際費", 2800, "しほ会" ],
                [ "2013-02-04", "$食費", 250, "おやつ" ],
                [ "2013-02-05", "$食費", 184, "お菓子" ],
                [ "2013-02-07", "$食費", 49, "お菓子" ],
                [ "2013-02-07", "$食費", 980, "ラーメン" ],
                [ "2013-02-08", "$食費", 423, "サンドイッチ" ],
                [ "2013-02-08", "$食費", 259, "お菓子" ],
                [ "2013-02-09", "$生活費", 3570, "髪の毛切る" ],
                [ "2013-02-09", "$食費", 4310, "もんじゃ" ],
                [ "2013-02-12", "$食費", 105, "お菓子" ],
                [ "2013-02-13", "$交際費", 1500, "スタジオ費\n" ],
                [ "2013-02-13", "$食費", 800, "らーめん" ],
                [ "2013-02-15", "$生活費", 2350, "出張お土産" ],
                [ "2013-02-17", "$交通費", 5000, "チャージ" ],
                [ "2013-02-19", "$交際費", 1120, "スタジオ費" ],
                [ "2013-02-19", "$食費", 250, "マクドナルド" ],
                [ "2013-02-20", "$ケータイ代", 4912, "2月分" ],
                [ "2013-02-20", "$食費", 200, "お菓子\n" ],
                [ "2013-02-21", "$食費", 700, "ハンバーグカレー" ],
                [ "2013-02-22", "$食費", 1100, "スープカレー\n" ],
                [ "2013-02-23", "$その他", 14700, "靴" ],
                [ "2013-02-23", "$交際費", 4000, "しほ会一次会" ],
                [ "2013-02-23", "$交際費", 3000, "二次会" ],
                [ "2013-02-23", "$交際費", 7050, "ランチおごり" ],
                [ "2013-02-26", "$食費", 99, "お菓子" ],
                [ "2013-02-27", "$食費", 835, "おやつ\n" ],
                [ "2013-02-28", "$交際費", 5000, "貴光会" ],
                [ "2013-02-28", "$交際費", 3000, "貴光立て替え" ],
                [ "2013-02-28", "$食費", 520, "サンドイッチ" ] ],
        "2013-03-01" : [ [ "2013-03-01", "$食費", 567, "ランチ" ],
                [ "2013-03-01", "$食費", 100, "シュークリーム" ],
                [ "2013-03-03", "$交際費", 2200, "星尾二次会ランチ" ],
                [ "2013-03-03", "$生活費", 500, "バレー会費" ],
                [ "2013-03-04", "$食費", 184, "お菓子" ],
                [ "2013-03-09", "$交際費", 4000, "しほかい" ],
                [ "2013-03-09", "$食費", 440, "ファーストキッチン\n" ],
                [ "2013-03-11", "$食費", 184, "おかし" ],
                [ "2013-03-13", "$その他", 2730, "プレゼント代" ],
                [ "2013-03-13", "$生活費", 4619, "祝儀袋" ],
                [ "2013-03-13", "$生活費", 3675, "ワックス\n" ],
                [ "2013-03-14", "$その他", 3150, "プレゼント代" ],
                [ "2013-03-14", "$食費", 700, "こうたろうラーメン" ],
                [ "2013-03-15", "$交際費", 7700, "川西さんと大見さんの送別会" ],
                [ "2013-03-15", "$交際費", 7761, "送別会" ],
                [ "2013-03-16", "$その他", 30000, "粟根祝儀" ],
                [ "2013-03-16", "$交際費", 3000, "粟根贈り物" ],
                [ "2013-03-16", "$交際費", 8000, "粟根二次会" ],
                [ "2013-03-16", "$食費", 2400, "" ],
                [ "2013-03-18", "$食費", 180, "お菓子" ],
                [ "2013-03-20", "$食費", 1085, "アイス" ],
                [ "2013-03-21", "$食費", 800, "芝浦ランチ" ],
                [ "2013-03-23", "$交通費", 3000, "チャージ" ],
                [ "2013-03-23", "$交際費", 3872, "旅行で使ったお金" ],
                [ "2013-03-26", "$交通費", 3000, "チャージ" ],
                [ "2013-03-27", "$交際費", 7010, "タクシー代" ],
                [ "2013-03-27", "$交際費", 7000, "北海道" ],
                [ "2013-03-28", "$生活費", 1520, "余興練習" ],
                [ "2013-03-29", "$交通費", 1000, "チャージ" ],
                [ "2013-03-29", "$生活費", 1500, "余興練習" ],
                [ "2013-03-29", "$食費", 700, "サイゼリア" ],
                [ "2013-03-30", "$食費", 126, "ガリガリ君" ],
                [ "2013-03-31", "$交通費", 1000, "チャージ\n" ],
                [ "2013-03-31", "$食費", 750, "ケンタッキー" ],
                [ "2013-03-31", "$食費", 1500, "パスタ" ] ],
        "2013-04-01" : [ [ "2013-04-02", "$食費", 184, "お菓子" ],
                [ "2013-04-06", "$交通費", 1000, "チャージ" ],
                [ "2013-04-07", "$交際費", 3000, "飲み代" ],
                [ "2013-04-07", "$交際費", 1490, "ひろえ誕生日" ],
                [ "2013-04-09", "$食費", 200, "ドーナツ" ],
                [ "2013-04-10", "$交通費", 1000, "チャージ\n" ],
                [ "2013-04-10", "$食費", 3000, "夕飯" ],
                [ "2013-04-11", "$生活費", 1080, "ヤマダ電機" ],
                [ "2013-04-13", "$交際費", 2100, "手土産" ],
                [ "2013-04-14", "$交通費", 3000, "チャージ" ],
                [ "2013-04-14", "$交際費", 920, "ヨドバシ" ],
                [ "2013-04-14", "$生活費", 210, "ダイソー" ],
                [ "2013-04-14", "$食費", 400, "食材費" ],
                [ "2013-04-15", "$食費", 214, "お菓子" ],
                [ "2013-04-16", "$交際費", 1610, "スタジオ代" ],
                [ "2013-04-16", "$食費", 100, "マック" ],
                [ "2013-04-19", "$食費", 850, "中華" ],
                [ "2013-04-20", "$交通費", 3000, "チャージ" ],
                [ "2013-04-20", "$交際費", 4600, "漫画喫茶" ],
                [ "2013-04-21", "$交際費", 630, "饅頭" ],
                [ "2013-04-21", "$交際費", 2500, "スタジオ費\nプレゼント代" ],
                [ "2013-04-21", "$食費", 3260, "中華" ],
                [ "2013-04-21", "$食費", 500, "モーニングモヒート" ],
                [ "2013-04-21", "$食費", 550, "シナモンマンゴーラッシー" ],
                [ "2013-04-22", "$食費", 184, "お菓子" ],
                [ "2013-04-23", "$食費", 184, "お菓子" ],
                [ "2013-04-24", "$交際費", 1200, "スタジオ" ],
                [ "2013-04-24", "$交際費", 3205, "島飲み" ],
                [ "2013-04-25", "$食費", 558, "お昼" ],
                [ "2013-04-25", "$食費", 3205, "島飲み" ],
                [ "2013-04-26", "$食費", 505, "お昼" ],
                [ "2013-04-27", "$交通費", 3000, "チャージ" ],
                [ "2013-04-27", "$交際費", 2410, "漫画喫茶" ],
                [ "2013-04-27", "$生活費", 414, "シール" ],
                [ "2013-04-27", "$食費", 610, "丸亀" ],
                [ "2013-04-27", "$食費", 550, "スタバ" ],
                [ "2013-04-27", "$食費", 450, "タリーズ" ],
                [ "2013-04-28", "$その他", 30000, "祝儀" ],
                [ "2013-04-28", "$交際費", 500, "スタジオ" ],
                [ "2013-04-28", "$交際費", 2000, "六次会" ],
                [ "2013-04-28", "$食費", 2000, "三次会" ],
                [ "2013-04-29", "$食費", 500, "お茶漬け" ],
                [ "2013-04-29", "$食費", 120, "ガム" ],
                [ "2013-04-29", "$食費", 1040, "サブウェイ" ],
                [ "2013-04-29", "$食費", 1260, "記念日お土産" ] ],
        "2013-05-01" : [ [ "2013-05-01", "$交通費", 3000, "チャージ" ],
                [ "2013-05-01", "$交際費", 940, "高尾山リフト" ],
                [ "2013-05-01", "$食費", 780, "食べ物" ],
                [ "2013-05-04", "$交際費", 500, "高速代" ],
                [ "2013-05-04", "$食費", 2100, "浜焼きランチ" ],
                [ "2013-05-07", "$食費", 184, "お菓子" ],
                [ "2013-05-08", "$食費", 184, "お菓子" ],
                [ "2013-05-09", "$食費", 184, "お菓子" ],
                [ "2013-05-10", "$食費", 430, "サンドイッチ" ],
                [ "2013-05-10", "$食費", 183, "お菓子" ],
                [ "2013-05-12", "$交際費", 1200, "満喫" ],
                [ "2013-05-12", "$食費", 1225, "馬車道" ],
                [ "2013-05-13", "$食費", 184, "お菓子" ] ]
    };
    var googleCalendarSrcs = '//www.google.com/calendar/embed?showTabs=0&showPrint=0&showTitle=0&showTz=0&wkst=2&bgcolor=%23FFFFFF&src=5pfsfk1dd28tah0n25topqbckc%40group.calendar.google.com&src=bic287aafaaa9n3kvhpiltr2ms%40group.calendar.google.com&src=rdqm1lt1id4ea14flk3l05hcbs%40group.calendar.google.com&src=41f0vsti5kvqq9b7f2s17vl9ok%40group.calendar.google.com&src=he6rkmjgnu89dt6onvs6sdjatk%40group.calendar.google.com&src=qm2d9b8emipj34c4rfgsl4av0s%40group.calendar.google.com&src=m36vri51sbkmrl7a15s5oa4j8c%40group.calendar.google.com&';
    var thisMonth = '2013-05-01';
</script>
<script>
    /**
     * @namespace
     */
    var A = A || {};

    /**
     * @class グラフ生成クラス
     * @param {string} month 月
     * @param {string} type グラフタイプ
     */
    A.Chart = function(month, type) {

         this.chart = null,
         this.data = null,
         this.option = {};

        /**
         * constructor
         */
        this.constructor = function() {
            // Google Chart Toolsのライブラリの読み込み
            if (!google || !google.visualization) {
                google.load('visualization', '1', {
                    packages : [ 'corechart', 'table' ]
                });
            }
            console.log(1);
            this.createData();
            console.log(2);
        };
        this.constructor.apply(this, arguments);

    };
    A.Chart.prototype = {
        /**
         * グラフ描画
         */
        draw : function(elementId) {
            console.log(3);
            this.createChart(elemetId);
            console.log(4);
            this.chart.draw(this.data, this.option);
        },

        createData : function() {
            console.log(5);
            this.data = new google.visualization.arrayToDataTable([
                    [ '名前', '給料', 'フルタイム' ], [ 'Mike', 10000, true ],
                    [ 'Jim', 8000, false ], [ 'Alice', 12500, true ],
                    [ 'Bob', 7000, true ] ]);
        },

        createChart : function(elemetId) {
            console.log(6);
            this.chart = new google.visualization.PieChart(document
                    .getElementById(elementId));
        }

    };
    window.onload = function(){
        var a  = new A.Chart();
        a.draw('c1');
    }
</script>
</head>
<body>
    <div id="c1"></div>
</body>
</html>